/* pagesCallLogs/components/card/card.wxss */

.card {
    padding: 32rpx;
    background-color: #fff;
    border-radius: 16rpx;
    margin-top: 32rpx;
    & > .header {
        .left {
            display: flex;
            flex-direction: row;
            align-items: center;
            .name,
            .phone {
                font-size: 36rpx;
                font-weight: 600;
                color: rgba(0, 0, 0, 0.9);
                margin-left: 16rpx;
            }
        }
        .right {
            text-align: right;
            font-size: 28rpx;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.4);
        }
    }
    & > .body {
        margin-top: 20rpx;
        background: #f3f3f3;
        border-radius: 12rpx 12rpx 12rpx 12rpx;
        padding: 24rpx 32rpx;
    }
    & > .bottom {
        margin-top: 48rpx;
        display: flex;
        justify-content: flex-end;
    }
}
